body, ul, p, h1 {margin: 0;}
* {box-sizing: border-box;}
li {list-style: none;}
a {text-decoration: none;}

.wrapper {width: 1200px; height: 100%; margin: 0 auto; position: relative;}

.banner {width: 100%; height: 1080px; background: url('/images/banner.jpg') no-repeat center;}
.banner img {cursor: pointer; position: absolute;}
.banner .link1 {left: 432px; bottom: 200px;}
.banner .link2 {left: 644px; bottom: 94px;}
.banner .link3 {left: 816px; bottom: 214px;}

.part1 .bg1 {width: 100%; height: 1252px; background: url(/images/part1_bg1.jpg) no-repeat center; overflow: hidden;}
.part1 .big-video {width: 1148px; height: 546px; margin: 370px auto 78px; position: relative;}
.part1 .border {width: 100%; height: 100%; background: url(/images/big_video_bg.png) no-repeat center; position: absolute; left: 0; top: 0; z-index: 2;}
.part1 .video-box {width: 838px; height: 468px; position: absolute; left: 131px; top: 46px; z-index: 1;}
.part1 .mask {width: 100%; height: 100%; background: rgba(0, 0, 0, .24); left: 0; top: 0; position: absolute;}
.part1 .mask p {width: 100%; height: 32px; background: rgba(0, 0, 0, .5); left: 0; bottom: 0; position: absolute; font-size: 16px; color: #fff; line-height: 32px; text-align: left; padding: 0 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.part1 .big-video .mask p {height: 50px; line-height: 50px; font-size: 20px; padding: 0 80px;}
.part1 .play {cursor: pointer; width: 134px; height: 134px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.part1 .bg1 ul {text-align: center; font-size: 0;}
.part1 .bg1 li {width: 328px; height: 224px; display: inline-block; margin: 0 20px; position: relative;}
.part1 .bg1 li .border {background: url(/images/small_video_bg.png) no-repeat center;}
.part1 .bg1 li .play {width: 48px; height: 48px;}
.part1 .small-video-box {width: 297px; height: 166px; position: absolute; left: 16px; top: 22px;}
.part1 .text {position: absolute; bottom: 6px; left: 109px;}

.part1 .bg2 {width: 100%; background: url(/images/part1_bg2.jpg) no-repeat top center; overflow: hidden;}
.part1 .bg2 ul {padding-top: 50px;}
.part1 .bg2 li {width: 1056px; height: 218px; background: url(/images/part1_list_bg.png); margin: 54px auto 0; position: relative;}
.part1 .bg2 .tit {position: absolute; width: 620px; text-align: center; color: #fff; font-size: 32px; font-style: italic; font-weight: bold; left: 106px; top: 8px;}
.part1 .bg2 .tit p {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.part1 .bg2 .tit p a {color: #fff;}
.part1 .bg2 .con {position: absolute; width: 714px; max-height: 102px; overflow: hidden; color: #6a6a6a; font-size: 22px; line-height: 34px; font-style: italic; left: 80px; top: 84px; text-align: justify;}
.part1 .bg2 .man {width: 164px; position: absolute; top: -30px; right: 70px;}
.part1 .bg2 .pic {width: 100%; height: 164px; display: block; border-radius: 50%; border: 7px solid #e83e3a; margin: 0 auto 12px;}
.part1 .bg2 .info {text-align: center; font-size: 16px; line-height: 24px; font-weight: bold; color: #323232;}
.part1 .bg2 .more {width: 1014px; height: 56px; background: url(/images/open_more.png); display: block; margin: 66px auto;}

.part2 {width: 100%; height: 1325px; background: url('/images/part2_bg.jpg') no-repeat center; padding-top: 270px;}
.part2 ul {font-size: 0; text-align: center;}
.part2 li {width: 349px; height: 336px; position: relative; margin: 0 16px; display: inline-block;}
.part2 li .pic {width: 335px; height: 209px; position: absolute; left: 7px; top: 8px;}
.part2 li .border {width: 100%; height: 225px; position: absolute; left: 0; top: 0; background: url('/images/part2_pic_border.png'); cursor: pointer;}
.part2 li p {font-size: 28px; color: #e83e3a; font-weight: bold; font-style: italic; position: absolute; top: 246px; width: 100%; text-align: center;}

.part3 {width: 100%; height: 1200px; background: url('/images/part3_bg.jpg') no-repeat center 380px; padding-top: 150px;}
.part3 .title {text-align: center; margin-bottom: 110px;}
.part3 .tab-box {position: relative;}
.part3 .tab-box img {position: absolute; display: none; top: 156px; left: 77px;}
.part3 .tab-box img:nth-child(2) {top: 184px;}
.part3 .tab-box img:nth-child(3) {top: 157px;}
.part3 .tab-box img:nth-child(4) {left: 75px;}
.part3 .tab-box img:nth-child(5) {top: 172px;}
.part3 .tab-box img:nth-child(6) {top: 144px;}
.part3 .tab-box img:nth-child(7) {top: 134px; left: 82px;}
.part3 .tab-box img:nth-child(8) {top: 170px;}
.part3 .tab-box img:nth-child(9) {top: 174px;}
.part3 .tab-box img:nth-child(10) {top: 172px; left: 60px;}
.part3 .tab-box img:nth-child(11) {top: 169px; left: 66px;}
.part3 .tab-box img:nth-child(12) {top: 205px; left: 62px;}
.part3 .tab-box img:first-child {display: block;}
.part3 .btn {position: absolute; width: 220px; height: 50px; top: 822px; left: 220px;}
.part3 .next {left: 706px;}

.modal {width: 100%; height: 100%; overflow: scroll; position: fixed; left: 0; top: 0; background: rgba(0, 0, 0, .54); z-index: 9; display: none;}
.modal .scroll {height: 800px; position: relative;}
.modal .box {width: 1000px; height: 600px; background: black; border-radius: 20px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.modal .close {position: absolute; width: 46px; height: 46px; background: url(/images/close_icon.png); top: -60px; right: -60px;}
.modal .btn {cursor: pointer; position: absolute; top: 279px; right: -60px;}
.modal .prev {left: -60px;}
.modal video {width: 100%; height: 100%; outline: none; border-radius: 20px;}

.article-banner {width: 100%; height: 500px; background: url('/images/article_banner.jpg') no-repeat center;}
.bread {margin: 30px 0 10px; padding: 0 30px;}
.bread * {font-size: 18px; color: #383838;}
.content {padding: 0 30px 70px;}
.content h1 {font-size: 36px; color: #383838;}
.content .date {font-size: 14px; line-height: 24px; color: #fff; width: 169px; height: 24px; background: url(/images/date_bg.png); padding: 0 8px;}
.content .detail {padding: 24px 0 50px;}
.content .link-index {width: 150px; height: 36px; background: #f5683f; display: block; border-radius: 5px; text-align: center; line-height: 36px; color: #fff; font-size: 16px; margin: 0 auto;}

.swiper-container {height: 100%; border-radius: 20px;}